/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 *
 * Version: 5.8.2 (2021-06-23)
 */
(function () {
  'use strict'

  var Cell = function (initial) {
    var value = initial
    var get = function () {
      return value
    }
    var set = function (v) {
      value = v
    }
    return {
      get: get,
      set: set
    }
  }

  var global = tinymce.util.Tools.resolve('tinymce.PluginManager')

  var get = function (fullscreenState) {
    return {
      isFullscreen: function () {
        return fullscreenState.get() !== null
      }
    }
  }

  var typeOf = function (x) {
    var t = typeof x
    if (x === null) {
      return 'null'
    } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
      return 'array'
    } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
      return 'string'
    } else {
      return t
    }
  }
  var isType = function (type) {
    return function (value) {
      return typeOf(value) === type
    }
  }
  var isSimpleType = function (type) {
    return function (value) {
      return typeof value === type
    }
  }
  var isString = isType('string')
  var isArray = isType('array')
  var isBoolean = isSimpleType('boolean')
  var isNullable = function (a) {
    return a === null || a === undefined
  }
  var isNonNullable = function (a) {
    return !isNullable(a)
  }
  var isFunction = isSimpleType('function')
  var isNumber = isSimpleType('number')

  var noop = function () {
  }
  var compose = function (fa, fb) {
    return function () {
      var args = []
      for (var _i = 0; _i < arguments.length; _i++) {
        args[_i] = arguments[_i]
      }
      return fa(fb.apply(null, args))
    }
  }
  var compose1 = function (fbc, fab) {
    return function (a) {
      return fbc(fab(a))
    }
  }
  var constant = function (value) {
    return function () {
      return value
    }
  }
  function curry (fn) {
    var initialArgs = []
    for (var _i = 1; _i < arguments.length; _i++) {
      initialArgs[_i - 1] = arguments[_i]
    }
    return function () {
      var restArgs = []
      for (var _i = 0; _i < arguments.length; _i++) {
        restArgs[_i] = arguments[_i]
      }
      var all = initialArgs.concat(restArgs)
      return fn.apply(null, all)
    }
  }
  var never = constant(false)
  var always = constant(true)

  var none = function () {
    return NONE
  }
  var NONE = (function () {
    var eq = function (o) {
      return o.isNone()
    }
    var call = function (thunk) {
      return thunk()
    }
    var id = function (n) {
      return n
    }
    var me = {
      fold: function (n, _s) {
        return n()
      },
      is: never,
      isSome: never,
      isNone: always,
      getOr: id,
      getOrThunk: call,
      getOrDie: function (msg) {
        throw new Error(msg || 'error: getOrDie called on none.')
      },
      getOrNull: constant(null),
      getOrUndefined: constant(undefined),
      or: id,
      orThunk: call,
      map: none,
      each: noop,
      bind: none,
      exists: never,
      forall: always,
      filter: none,
      equals: eq,
      equals_: eq,
      toArray: function () {
        return []
      },
      toString: constant('none()')
    }
    return me
  }())
  var some = function (a) {
    var constant_a = constant(a)
    var self = function () {
      return me
    }
    var bind = function (f) {
      return f(a)
    }
    var me = {
      fold: function (n, s) {
        return s(a)
      },
      is: function (v) {
        return a === v
      },
      isSome: always,
      isNone: never,
      getOr: constant_a,
      getOrThunk: constant_a,
      getOrDie: constant_a,
      getOrNull: constant_a,
      getOrUndefined: constant_a,
      or: self,
      orThunk: self,
      map: function (f) {
        return some(f(a))
      },
      each: function (f) {
        f(a)
      },
      bind: bind,
      exists: bind,
      forall: bind,
      filter: function (f) {
        return f(a) ? me : NONE
      },
      toArray: function () {
        return [a]
      },
      toString: function () {
        return 'some(' + a + ')'
      },
      equals: function (o) {
        return o.is(a)
      },
      equals_: function (o, elementEq) {
        return o.fold(never, function (b) {
          return elementEq(a, b)
        })
      }
    }
    return me
  }
  var from = function (value) {
    return value === null || value === undefined ? NONE : some(value)
  }
  var Optional = {
    some: some,
    none: none,
    from: from
  }

  var revocable = function (doRevoke) {
    var subject = Cell(Optional.none())
    var revoke = function () {
      return subject.get().each(doRevoke)
    }
    var clear = function () {
      revoke()
      subject.set(Optional.none())
    }
    var isSet = function () {
      return subject.get().isSome()
    }
    var set = function (s) {
      revoke()
      subject.set(Optional.some(s))
    }
    return {
      clear: clear,
      isSet: isSet,
      set: set
    }
  }
  var unbindable = function () {
    return revocable(function (s) {
      return s.unbind()
    })
  }
  var value = function () {
    var subject = Cell(Optional.none())
    var clear = function () {
      return subject.set(Optional.none())
    }
    var set = function (s) {
      return subject.set(Optional.some(s))
    }
    var isSet = function () {
      return subject.get().isSome()
    }
    var on = function (f) {
      return subject.get().each(f)
    }
    return {
      clear: clear,
      set: set,
      isSet: isSet,
      on: on
    }
  }

  var nativePush = Array.prototype.push
  var map = function (xs, f) {
    var len = xs.length
    var r = new Array(len)
    for (var i = 0; i < len; i++) {
      var x = xs[i]
      r[i] = f(x, i)
    }
    return r
  }
  var each = function (xs, f) {
    for (var i = 0, len = xs.length; i < len; i++) {
      var x = xs[i]
      f(x, i)
    }
  }
  var filter = function (xs, pred) {
    var r = []
    for (var i = 0, len = xs.length; i < len; i++) {
      var x = xs[i]
      if (pred(x, i)) {
        r.push(x)
      }
    }
    return r
  }
  var flatten = function (xs) {
    var r = []
    for (var i = 0, len = xs.length; i < len; ++i) {
      if (!isArray(xs[i])) {
        throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs)
      }
      nativePush.apply(r, xs[i])
    }
    return r
  }
  var bind = function (xs, f) {
    return flatten(map(xs, f))
  }
  var get$1 = function (xs, i) {
    return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none()
  }
  var head = function (xs) {
    return get$1(xs, 0)
  }

  var keys = Object.keys
  var each$1 = function (obj, f) {
    var props = keys(obj)
    for (var k = 0, len = props.length; k < len; k++) {
      var i = props[k]
      var x = obj[i]
      f(x, i)
    }
  }

  var isSupported = function (dom) {
    return dom.style !== undefined && isFunction(dom.style.getPropertyValue)
  }

  var fromHtml = function (html, scope) {
    var doc = scope || document
    var div = doc.createElement('div')
    div.innerHTML = html
    if (!div.hasChildNodes() || div.childNodes.length > 1) {
      console.error('HTML does not have a single root node', html)
      throw new Error('HTML must have a single root node')
    }
    return fromDom(div.childNodes[0])
  }
  var fromTag = function (tag, scope) {
    var doc = scope || document
    var node = doc.createElement(tag)
    return fromDom(node)
  }
  var fromText = function (text, scope) {
    var doc = scope || document
    var node = doc.createTextNode(text)
    return fromDom(node)
  }
  var fromDom = function (node) {
    if (node === null || node === undefined) {
      throw new Error('Node cannot be null or undefined')
    }
    return { dom: node }
  }
  var fromPoint = function (docElm, x, y) {
    return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom)
  }
  var SugarElement = {
    fromHtml: fromHtml,
    fromTag: fromTag,
    fromText: fromText,
    fromDom: fromDom,
    fromPoint: fromPoint
  }

  var Global = typeof window !== 'undefined' ? window : Function('return this;')()

  var DOCUMENT = 9
  var DOCUMENT_FRAGMENT = 11
  var ELEMENT = 1
  var TEXT = 3

  var type = function (element) {
    return element.dom.nodeType
  }
  var isType$1 = function (t) {
    return function (element) {
      return type(element) === t
    }
  }
  var isElement = isType$1(ELEMENT)
  var isText = isType$1(TEXT)
  var isDocument = isType$1(DOCUMENT)
  var isDocumentFragment = isType$1(DOCUMENT_FRAGMENT)

  var is = function (element, selector) {
    var dom = element.dom
    if (dom.nodeType !== ELEMENT) {
      return false
    } else {
      var elem = dom
      if (elem.matches !== undefined) {
        return elem.matches(selector)
      } else if (elem.msMatchesSelector !== undefined) {
        return elem.msMatchesSelector(selector)
      } else if (elem.webkitMatchesSelector !== undefined) {
        return elem.webkitMatchesSelector(selector)
      } else if (elem.mozMatchesSelector !== undefined) {
        return elem.mozMatchesSelector(selector)
      } else {
        throw new Error('Browser lacks native selectors')
      }
    }
  }
  var bypassSelector = function (dom) {
    return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0
  }
  var all = function (selector, scope) {
    var base = scope === undefined ? document : scope.dom
    return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom)
  }

  var eq = function (e1, e2) {
    return e1.dom === e2.dom
  }

  var owner = function (element) {
    return SugarElement.fromDom(element.dom.ownerDocument)
  }
  var documentOrOwner = function (dos) {
    return isDocument(dos) ? dos : owner(dos)
  }
  var parent = function (element) {
    return Optional.from(element.dom.parentNode).map(SugarElement.fromDom)
  }
  var parents = function (element, isRoot) {
    var stop = isFunction(isRoot) ? isRoot : never
    var dom = element.dom
    var ret = []
    while (dom.parentNode !== null && dom.parentNode !== undefined) {
      var rawParent = dom.parentNode
      var p = SugarElement.fromDom(rawParent)
      ret.push(p)
      if (stop(p) === true) {
        break
      } else {
        dom = rawParent
      }
    }
    return ret
  }
  var siblings = function (element) {
    var filterSelf = function (elements) {
      return filter(elements, function (x) {
        return !eq(element, x)
      })
    }
    return parent(element).map(children).map(filterSelf).getOr([])
  }
  var children = function (element) {
    return map(element.dom.childNodes, SugarElement.fromDom)
  }

  var isShadowRoot = function (dos) {
    return isDocumentFragment(dos) && isNonNullable(dos.dom.host)
  }
  var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode)
  var isSupported$1 = constant(supported)
  var getRootNode = supported ? function (e) {
    return SugarElement.fromDom(e.dom.getRootNode())
  } : documentOrOwner
  var getShadowRoot = function (e) {
    var r = getRootNode(e)
    return isShadowRoot(r) ? Optional.some(r) : Optional.none()
  }
  var getShadowHost = function (e) {
    return SugarElement.fromDom(e.dom.host)
  }
  var getOriginalEventTarget = function (event) {
    if (isSupported$1() && isNonNullable(event.target)) {
      var el = SugarElement.fromDom(event.target)
      if (isElement(el) && isOpenShadowHost(el)) {
        if (event.composed && event.composedPath) {
          var composedPath = event.composedPath()
          if (composedPath) {
            return head(composedPath)
          }
        }
      }
    }
    return Optional.from(event.target)
  }
  var isOpenShadowHost = function (element) {
    return isNonNullable(element.dom.shadowRoot)
  }

  var inBody = function (element) {
    var dom = isText(element) ? element.dom.parentNode : element.dom
    if (dom === undefined || dom === null || dom.ownerDocument === null) {
      return false
    }
    var doc = dom.ownerDocument
    return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
      return doc.body.contains(dom)
    }, compose1(inBody, getShadowHost))
  }
  var getBody = function (doc) {
    var b = doc.dom.body
    if (b === null || b === undefined) {
      throw new Error('Body is not available yet')
    }
    return SugarElement.fromDom(b)
  }

  var rawSet = function (dom, key, value) {
    if (isString(value) || isBoolean(value) || isNumber(value)) {
      dom.setAttribute(key, value + '')
    } else {
      console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom)
      throw new Error('Attribute value was not simple')
    }
  }
  var set = function (element, key, value) {
    rawSet(element.dom, key, value)
  }
  var get$2 = function (element, key) {
    var v = element.dom.getAttribute(key)
    return v === null ? undefined : v
  }
  var remove = function (element, key) {
    element.dom.removeAttribute(key)
  }

  var internalSet = function (dom, property, value) {
    if (!isString(value)) {
      console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom)
      throw new Error('CSS value must be a string: ' + value)
    }
    if (isSupported(dom)) {
      dom.style.setProperty(property, value)
    }
  }
  var setAll = function (element, css) {
    var dom = element.dom
    each$1(css, function (v, k) {
      internalSet(dom, k, v)
    })
  }
  var get$3 = function (element, property) {
    var dom = element.dom
    var styles = window.getComputedStyle(dom)
    var r = styles.getPropertyValue(property)
    return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r
  }
  var getUnsafeProperty = function (dom, property) {
    return isSupported(dom) ? dom.style.getPropertyValue(property) : ''
  }

  var mkEvent = function (target, x, y, stop, prevent, kill, raw) {
    return {
      target: target,
      x: x,
      y: y,
      stop: stop,
      prevent: prevent,
      kill: kill,
      raw: raw
    }
  }
  var fromRawEvent = function (rawEvent) {
    var target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target))
    var stop = function () {
      return rawEvent.stopPropagation()
    }
    var prevent = function () {
      return rawEvent.preventDefault()
    }
    var kill = compose(prevent, stop)
    return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent)
  }
  var handle = function (filter, handler) {
    return function (rawEvent) {
      if (filter(rawEvent)) {
        handler(fromRawEvent(rawEvent))
      }
    }
  }
  var binder = function (element, event, filter, handler, useCapture) {
    var wrapped = handle(filter, handler)
    element.dom.addEventListener(event, wrapped, useCapture)
    return { unbind: curry(unbind, element, event, wrapped, useCapture) }
  }
  var bind$1 = function (element, event, filter, handler) {
    return binder(element, event, filter, handler, false)
  }
  var unbind = function (element, event, handler, useCapture) {
    element.dom.removeEventListener(event, handler, useCapture)
  }

  var filter$1 = always
  var bind$2 = function (element, event, handler) {
    return bind$1(element, event, filter$1, handler)
  }

  var r = function (left, top) {
    var translate = function (x, y) {
      return r(left + x, top + y)
    }
    return {
      left: left,
      top: top,
      translate: translate
    }
  }
  var SugarPosition = r

  var get$4 = function (_DOC) {
    var doc = _DOC !== undefined ? _DOC.dom : document
    var x = doc.body.scrollLeft || doc.documentElement.scrollLeft
    var y = doc.body.scrollTop || doc.documentElement.scrollTop
    return SugarPosition(x, y)
  }

  var get$5 = function (_win) {
    var win = _win === undefined ? window : _win
    return Optional.from(win.visualViewport)
  }
  var bounds = function (x, y, width, height) {
    return {
      x: x,
      y: y,
      width: width,
      height: height,
      right: x + width,
      bottom: y + height
    }
  }
  var getBounds = function (_win) {
    var win = _win === undefined ? window : _win
    var doc = win.document
    var scroll = get$4(SugarElement.fromDom(doc))
    return get$5(win).fold(function () {
      var html = win.document.documentElement
      var width = html.clientWidth
      var height = html.clientHeight
      return bounds(scroll.left, scroll.top, width, height)
    }, function (visualViewport) {
      return bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height)
    })
  }
  var bind$3 = function (name, callback, _win) {
    return get$5(_win).map(function (visualViewport) {
      var handler = function (e) {
        return callback(fromRawEvent(e))
      }
      visualViewport.addEventListener(name, handler)
      return {
        unbind: function () {
          return visualViewport.removeEventListener(name, handler)
        }
      }
    }).getOrThunk(function () {
      return { unbind: noop }
    })
  }

  var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils')

  var global$2 = tinymce.util.Tools.resolve('tinymce.Env')

  var global$3 = tinymce.util.Tools.resolve('tinymce.util.Delay')

  var fireFullscreenStateChanged = function (editor, state) {
    editor.fire('FullscreenStateChanged', { state: state })
  }

  var getFullscreenNative = function (editor) {
    return editor.getParam('fullscreen_native', false, 'boolean')
  }

  var getFullscreenRoot = function (editor) {
    var elem = SugarElement.fromDom(editor.getElement())
    return getShadowRoot(elem).map(getShadowHost).getOrThunk(function () {
      return getBody(owner(elem))
    })
  }
  var getFullscreenElement = function (root) {
    if (root.fullscreenElement !== undefined) {
      return root.fullscreenElement
    } else if (root.msFullscreenElement !== undefined) {
      return root.msFullscreenElement
    } else if (root.webkitFullscreenElement !== undefined) {
      return root.webkitFullscreenElement
    } else {
      return null
    }
  }
  var getFullscreenchangeEventName = function () {
    if (document.fullscreenElement !== undefined) {
      return 'fullscreenchange'
    } else if (document.msFullscreenElement !== undefined) {
      return 'MSFullscreenChange'
    } else if (document.webkitFullscreenElement !== undefined) {
      return 'webkitfullscreenchange'
    } else {
      return 'fullscreenchange'
    }
  }
  var requestFullscreen = function (sugarElem) {
    var elem = sugarElem.dom
    if (elem.requestFullscreen) {
      elem.requestFullscreen()
    } else if (elem.msRequestFullscreen) {
      elem.msRequestFullscreen()
    } else if (elem.webkitRequestFullScreen) {
      elem.webkitRequestFullScreen()
    }
  }
  var exitFullscreen = function (sugarDoc) {
    var doc = sugarDoc.dom
    if (doc.exitFullscreen) {
      doc.exitFullscreen()
    } else if (doc.msExitFullscreen) {
      doc.msExitFullscreen()
    } else if (doc.webkitCancelFullScreen) {
      doc.webkitCancelFullScreen()
    }
  }
  var isFullscreenElement = function (elem) {
    return elem.dom === getFullscreenElement(owner(elem).dom)
  }

  var ancestors = function (scope, predicate, isRoot) {
    return filter(parents(scope, isRoot), predicate)
  }
  var siblings$1 = function (scope, predicate) {
    return filter(siblings(scope), predicate)
  }

  var all$1 = function (selector) {
    return all(selector)
  }
  var ancestors$1 = function (scope, selector, isRoot) {
    return ancestors(scope, function (e) {
      return is(e, selector)
    }, isRoot)
  }
  var siblings$2 = function (scope, selector) {
    return siblings$1(scope, function (e) {
      return is(e, selector)
    })
  }

  var attr = 'data-ephox-mobile-fullscreen-style'
  var siblingStyles = 'display:none!important;'
  var ancestorPosition = 'position:absolute!important;'
  var ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;'
  var bgFallback = 'background-color:rgb(255,255,255)!important;'
  var isAndroid = global$2.os.isAndroid()
  var matchColor = function (editorBody) {
    var color = get$3(editorBody, 'background-color')
    return color !== undefined && color !== '' ? 'background-color:' + color + '!important' : bgFallback
  }
  var clobberStyles = function (dom, container, editorBody) {
    var gatherSiblings = function (element) {
      return siblings$2(element, '*:not(.tox-silver-sink)')
    }
    var clobber = function (clobberStyle) {
      return function (element) {
        var styles = get$2(element, 'style')
        var backup = styles === undefined ? 'no-styles' : styles.trim()
        if (backup === clobberStyle) {

        } else {
          set(element, attr, backup)
          setAll(element, dom.parseStyle(clobberStyle))
        }
      }
    }
    var ancestors = ancestors$1(container, '*')
    var siblings = bind(ancestors, gatherSiblings)
    var bgColor = matchColor(editorBody)
    each(siblings, clobber(siblingStyles))
    each(ancestors, clobber(ancestorPosition + ancestorStyles + bgColor))
    var containerStyles = isAndroid === true ? '' : ancestorPosition
    clobber(containerStyles + ancestorStyles + bgColor)(container)
  }
  var restoreStyles = function (dom) {
    var clobberedEls = all$1('[' + attr + ']')
    each(clobberedEls, function (element) {
      var restore = get$2(element, attr)
      if (restore !== 'no-styles') {
        setAll(element, dom.parseStyle(restore))
      } else {
        remove(element, 'style')
      }
      remove(element, attr)
    })
  }

  var DOM = global$1.DOM
  var getScrollPos = function () {
    var vp = getBounds(window)
    return {
      x: vp.x,
      y: vp.y
    }
  }
  var setScrollPos = function (pos) {
    window.scrollTo(pos.x, pos.y)
  }
  var viewportUpdate = get$5().fold(function () {
    return {
      bind: noop,
      unbind: noop
    }
  }, function (visualViewport) {
    var editorContainer = value()
    var resizeBinder = unbindable()
    var scrollBinder = unbindable()
    var refreshScroll = function () {
      document.body.scrollTop = 0
      document.documentElement.scrollTop = 0
    }
    var refreshVisualViewport = function () {
      window.requestAnimationFrame(function () {
        editorContainer.on(function (container) {
          return setAll(container, {
            top: visualViewport.offsetTop + 'px',
            left: visualViewport.offsetLeft + 'px',
            height: visualViewport.height + 'px',
            width: visualViewport.width + 'px'
          })
        })
      })
    }
    var update = global$3.throttle(function () {
      refreshScroll()
      refreshVisualViewport()
    }, 50)
    var bind = function (element) {
      editorContainer.set(element)
      update()
      resizeBinder.set(bind$3('resize', update))
      scrollBinder.set(bind$3('scroll', update))
    }
    var unbind = function () {
      editorContainer.on(function () {
        resizeBinder.clear()
        scrollBinder.clear()
      })
      editorContainer.clear()
    }
    return {
      bind: bind,
      unbind: unbind
    }
  })
  var toggleFullscreen = function (editor, fullscreenState) {
    var body = document.body
    var documentElement = document.documentElement
    var editorContainer = editor.getContainer()
    var editorContainerS = SugarElement.fromDom(editorContainer)
    var fullscreenRoot = getFullscreenRoot(editor)
    var fullscreenInfo = fullscreenState.get()
    var editorBody = SugarElement.fromDom(editor.getBody())
    var isTouch = global$2.deviceType.isTouch()
    var editorContainerStyle = editorContainer.style
    var iframe = editor.iframeElement
    var iframeStyle = iframe.style
    var handleClasses = function (handler) {
      handler(body, 'tox-fullscreen')
      handler(documentElement, 'tox-fullscreen')
      handler(editorContainer, 'tox-fullscreen')
      getShadowRoot(editorContainerS).map(function (root) {
        return getShadowHost(root).dom
      }).each(function (host) {
        handler(host, 'tox-fullscreen')
        handler(host, 'tox-shadowhost')
      })
    }
    var cleanup = function () {
      if (isTouch) {
        restoreStyles(editor.dom)
      }
      handleClasses(DOM.removeClass)
      viewportUpdate.unbind()
      Optional.from(fullscreenState.get()).each(function (info) {
        return info.fullscreenChangeHandler.unbind()
      })
    }
    if (!fullscreenInfo) {
      var fullscreenChangeHandler = bind$2(owner(fullscreenRoot), getFullscreenchangeEventName(), function (_evt) {
        if (getFullscreenNative(editor)) {
          if (!isFullscreenElement(fullscreenRoot) && fullscreenState.get() !== null) {
            toggleFullscreen(editor, fullscreenState)
          }
        }
      })
      var newFullScreenInfo = {
        scrollPos: getScrollPos(),
        containerWidth: editorContainerStyle.width,
        containerHeight: editorContainerStyle.height,
        containerTop: editorContainerStyle.top,
        containerLeft: editorContainerStyle.left,
        iframeWidth: iframeStyle.width,
        iframeHeight: iframeStyle.height,
        fullscreenChangeHandler: fullscreenChangeHandler
      }
      if (isTouch) {
        clobberStyles(editor.dom, editorContainerS, editorBody)
      }
      iframeStyle.width = iframeStyle.height = '100%'
      editorContainerStyle.width = editorContainerStyle.height = ''
      handleClasses(DOM.addClass)
      viewportUpdate.bind(editorContainerS)
      editor.on('remove', cleanup)
      fullscreenState.set(newFullScreenInfo)
      if (getFullscreenNative(editor)) {
        requestFullscreen(fullscreenRoot)
      }
      fireFullscreenStateChanged(editor, true)
    } else {
      fullscreenInfo.fullscreenChangeHandler.unbind()
      if (getFullscreenNative(editor) && isFullscreenElement(fullscreenRoot)) {
        exitFullscreen(owner(fullscreenRoot))
      }
      iframeStyle.width = fullscreenInfo.iframeWidth
      iframeStyle.height = fullscreenInfo.iframeHeight
      editorContainerStyle.width = fullscreenInfo.containerWidth
      editorContainerStyle.height = fullscreenInfo.containerHeight
      editorContainerStyle.top = fullscreenInfo.containerTop
      editorContainerStyle.left = fullscreenInfo.containerLeft
      setScrollPos(fullscreenInfo.scrollPos)
      fullscreenState.set(null)
      fireFullscreenStateChanged(editor, false)
      cleanup()
      editor.off('remove', cleanup)
    }
  }

  var register = function (editor, fullscreenState) {
    editor.addCommand('mceFullScreen', function () {
      toggleFullscreen(editor, fullscreenState)
    })
  }

  var makeSetupHandler = function (editor, fullscreenState) {
    return function (api) {
      api.setActive(fullscreenState.get() !== null)
      var editorEventCallback = function (e) {
        return api.setActive(e.state)
      }
      editor.on('FullscreenStateChanged', editorEventCallback)
      return function () {
        return editor.off('FullscreenStateChanged', editorEventCallback)
      }
    }
  }
  var register$1 = function (editor, fullscreenState) {
    editor.ui.registry.addToggleMenuItem('fullscreen', {
      text: 'Fullscreen',
      icon: 'fullscreen',
      shortcut: 'Meta+Shift+F',
      onAction: function () {
        return editor.execCommand('mceFullScreen')
      },
      onSetup: makeSetupHandler(editor, fullscreenState)
    })
    editor.ui.registry.addToggleButton('fullscreen', {
      tooltip: 'Fullscreen',
      icon: 'fullscreen',
      onAction: function () {
        return editor.execCommand('mceFullScreen')
      },
      onSetup: makeSetupHandler(editor, fullscreenState)
    })
  }

  function Plugin () {
    global.add('fullscreen', function (editor) {
      var fullscreenState = Cell(null)
      if (editor.inline) {
        return get(fullscreenState)
      }
      register(editor, fullscreenState)
      register$1(editor, fullscreenState)
      editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen')
      return get(fullscreenState)
    })
  }

  Plugin()
}())
